<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta charset="UTF-8" />
    <title>选择在线支付方式</title>
    <meta name="viewport" content="width=1226" />
    <link rel="stylesheet" href="css/base.min.css" />
    <link rel="stylesheet" type="text/css" href="css/pay-confirm.min.css" />
</head>

<body>
    <div class="site-header site-mini-header">
        <div class="container">
            <div class="header-logo">
                <a class="logo " href="##" title=""></a>
            </div>
            <div class="header-title"></div>
            <div class="topbar-info">
                <a class="link" href="##">登录</a><span class="sep">|</span><a class="link" href="##">注册</a> </div>
        </div>
    </div>


    <div class="page-main">
        <div class="container confirm-box">
            <form action="#" id="J_payForm" method="post">
                <div class="section section-order">
                    <div class="order-info clearfix">
                        <div class="fl">
                            <h2 class="title">订单提交成功！去付款咯～</h2>
                            <p class="order-time"></p>
                            <p class="order-time">请在<span class="pay-time-tip">1小时59分</span>内完成支付, 超时后将取消订单</p>
                            <p class="post-info" id="J_postInfo">
                                收货信息：过分 156****1654 &nbsp;&nbsp; 内蒙古&nbsp;&nbsp;兴安盟&nbsp;&nbsp;科尔沁右翼中旗&nbsp;&nbsp;巴彦淖尔苏木&nbsp;&nbsp;发个号大风过后的反感的反感 </p>
                        </div>
                        <div class="fr">
                            <p class="total">
                                应付总额：<span class="money"><em>258.00</em>元</span>
                            </p>
                            <a href="javascript:void(0);" class="show-detail" id="J_showDetail">订单详情<i class="iconfont">&#xe61c;</i></a>
                        </div>
                    </div>
                    <i class="iconfont icon-right">&#x221a;</i>
                    <div class="order-detail">
                        <ul>
                            <li class="clearfix">
                                <div class="label">订单号：</div>
                                <div class="content">
                                    <span class="order-num">
                                    1180202731806962                                </span>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="label">收货信息：</div>
                                <div class="content">
                                    过分 156****1654&nbsp;&nbsp; 内蒙古&nbsp;&nbsp;兴安盟&nbsp;&nbsp;科尔沁右翼中旗&nbsp;&nbsp;巴彦淖尔苏木&nbsp;&nbsp;发个号大风过后的反感的反感 </div>
                            </li>
                            <li class="clearfix">
                                <div class="label">商品名称：</div>
                                <div class="content">
                                    小米运动蓝牙耳机 白色 </div>
                            </li>
                            <li class="clearfix">
                                <div class="label">配送时间：</div>
                                <div class="content">
                                    不限送货时间 </div>
                            </li>
                            <li class="clearfix">
                                <div class="label">发票信息：</div>
                                <div class="content">
                                    电子发票 个人 </div>
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="section section-payment">
                    <div class="cash-title" id="J_cashTitle">
                        选择以下支付方式付款
                    </div>


                    <div class="payment-box ">
                        <div class="payment-header clearfix">
                            <h3 class="title">支付平台</h3>
                            <span class="desc"></span>
                        </div>
                        <div class="payment-body">
                            <ul class="clearfix payment-list J_paymentList J_linksign-customize">
                                <li id="J_weixin"><img src="//c1.mifile.cn/f/i/16/pay/weixinpay0701.png" alt="微信支付" style="margin-left: 0;" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" id="alipay" value="alipay" /> <img src="//c1.mifile.cn/f/i/15/pay/event-alipay20160718.jpg" alt="支付宝" style="margin-left: 0;" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" id="unionpay" value="unionpay" /> <img src="images/yinhang.png" alt="" style="margin-left: 0;" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" id="micash" value="micash" /> <img src="images/yinhang.png" alt="" style="margin-left: 0;" /></li>
                            </ul>
                            <div class="event-desc">
                                <p>支 付 宝：支付宝扫码支付，赢1999元红包</p>
                                <p>小米分期：全场享 3 期免息</p> <a href="##c/payrule/" class="more">了解更多&gt;</a>
                            </div>
                        </div>
                    </div>

                    <div class="payment-box ">
                        <div class="payment-header clearfix">
                            <h3 class="title">银行借记卡及信用卡</h3>
                        </div>
                        <div class="payment-body">
                            <ul class="clearfix payment-list payment-list-much J_paymentList J_linksign-customize">
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="-" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_showMore">
                                    <span class="text hide">查看更多</span>
                                    <span class="text ">收起更多</span>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="payment-box payment-box-last ">
                        <div class="payment-header clearfix">
                            <h3 class="title">快捷支付</h3>
                            <span class="desc">（支持以下各银行信用卡以及部分银行借记卡）</span>
                        </div>
                        <div class="payment-body">
                            <ul class="clearfix payment-list  J_paymentList J_linksign-customize">
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                                <li class="J_bank"><input type="radio" name="payOnlineBank" value="" /> <img src="images/yinhang.png" alt="" /></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="section section-installment" id="J_paymentFenqi">
                    <div class="payment-box">
                        <div class="payment-header clearfix">
                            <h3 class="title">分期付款</h3>
                            <span class="desc"></span>
                        </div>
                        <div class="payment-body">
                            <ul class="clearfix payment-list J_paymentList J_linksign-customize J_tabSwitch">
                                <li class="J_bank fenqi"><input type="radio" name="" value="" /> <img src="images/yinhang.png" alt="" /></li>
                            </ul>
                            <div class="tab-container clearfix isinstalment-box">
                                <div class="tab-content  clearfix">
                                    <div class="isinstalment-item  clearfix" style="height:150px;">
                                        <div class="item-header">
                                            <h3>258.00元 × 1期</h3>
                                            <p>
                                                <span style="color: #ff6700">免息，无手续费</span>
                                            </p>
                                        </div>
                                        <br/>
                                        <div class="item-footer">
                                            <input type="radio" name="installments">
                                            <a href="javascript:void(0);" class="btn J_installmentConfirmBtn">选择该分期方式</a>
                                        </div>
                                    </div>

                                    <div class="isinstalment-desc">
                                        分期付款说明：<br/> 每期还款金额是根据你的订单估算得出的金额，实际支付数额请以小米分期账单为准，小米分期有权决定是否接受您的分期付款申请。
                                    </div>
                                </div>
                            </div>
                            <div class="isinstalment-desc">
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!--现金账户 提示框-->
    <div class="modal  modal-hide modal-balance-pay">
        <div class="modal-header">
            <h3>现金账户安全验证</h3>
            <span class="close"><i class="iconfont">&#xe602;</i></span>
        </div>
        <div class="modal-body">
            <p>
                为了确保您的购物安全<br> 已向您当前的联系电话 <span class="num"></span> 发送验证码
            </p>
            <div class="form-section">
                <label class="input-label" for="verifycode">请输入验证码</label>
                <input class="input-text" type="text" id="verifycode" name="verifycode">
                <span class="btn btn-block hide"></span>
            </div>
            <div class="tip"></div>
        </div>
        <div class="modal-footer">
            <a class="btn btn-gray" href="javascript:void(0);">取消</a>
            <a class="btn btn-primary" href="javascript:void(0);">确认</a>
        </div>
    </div>

    <!-- 支付提示框 -->
    <div class="modal fade modal-hide modal-pay-tip">
        <div class="modal-header">
            <h3>正在支付...</h3>
            <a class="close" href="#"><i class="iconfont">&#xe602;</i></a>
        </div>
        <div class="modal-body clearfix">
            <div class="success">
                <h4>支付成功了</h4>
                <p><a href="##">立即查看订单详情 &gt;</a></p>
            </div>
            <div class="fail">
                <h4>如果支付失败</h4>
                <p><a href="##">查看支付常见问题 &gt;</a></p>
                <p><a href="##">查看支付常见问题 &gt;</a></p>
            </div>
        </div>
    </div>

    <div class="modal modal-hide fade modal-alert" id="J_modalAlert">
        <div class="modal-bd">
            <div class="text">
                <h3 id="J_alertMsg"></h3>
            </div>
            <div class="actions">
                <button class="btn btn-primary">确定</button>
            </div>
            <a class="close" href="#"><i class="iconfont">&#xe602;</i></a>
        </div>
    </div>

    <div class="modal modal-hide fade modal-alipay">
        <div class="modal-bd">
            <div class="loading">
                <div class="loader"></div>
            </div>
            <iframe name="alipayQrcodeIframe" scrolling="no" frameborder="0" width="100%" height="100%"></iframe>
        </div>
        <a class="close" href="#"><i class="iconfont">&#xe602;</i></a>
    </div>

    <div class="modal modal-hide fade modal-weixin-pay">
        <div class="modal-hd">
            <span class="title">微信支付</span>
            <a class="close" href="#"><i class="iconfont">&#xe602;</i></a>
        </div>
        <div class="modal-bd">
            <div class="code">
                <div class="loading">
                    <div class="loader"></div>
                </div>
            </div>
            <div class="msg">
                请使用 <span>微信</span> 扫一扫<br>二维码完成支付
            </div>
        </div>
        <div class="example"></div>
    </div>

    <div class="deliver-beta hide">
        <p>预计送达时间功能处于测试阶段，若您在下单时已选择“周末送货”或“工作日送货”，则会顺延至您要求的时间，如果发现预计送达时间不准确，期待您的反馈，我们会及时改进。</p>
        <a href="#">问题反馈 &gt;</a>

        <i class="arrow arrow-a"></i>
        <i class="arrow arrow-b"></i>
    </div>
    <div class="site-footer">
        <div class="container">
            <div class="footer-service">
                <ul class="list-service clearfix">
                    <li><a rel="nofollow" href="##"><i class="iconfont">&#xe634;</i>预约维修服务</a></li>
                    <li><a rel="nofollow" href="##"><i class="iconfont">&#xe635;</i>7天无理由退货</a></li>
                    <li><a rel="nofollow" href="##"><i class="iconfont">&#xe636;</i>15天免费换货</a></li>
                    <li><a rel="nofollow" href="##"><i class="iconfont">&#xe638;</i>满150元包邮</a></li>
                    <li><a rel="nofollow" href="##"><i class="iconfont">&#xe637;</i>520余家售后网点</a></li>
                </ul>
            </div>
            <div class="footer-links clearfix">

                <dl class="col-links col-links-first">
                    <dt>帮助中心</dt>

                    <dd><a rel="nofollow" href="##">账户管理</a></dd>

                    <dd><a rel="nofollow" href="##">购物指南</a></dd>

                    <dd><a rel="nofollow" href="##">订单操作</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>服务支持</dt>

                    <dd><a rel="nofollow" href="##">售后政策</a></dd>

                    <dd><a rel="nofollow" href="##">自助服务</a></dd>

                    <dd><a rel="nofollow" href="##">相关下载</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>线下门店</dt>

                    <dd><a rel="nofollow" href="##">小米之家</a></dd>

                    <dd><a rel="nofollow" href="##">服务网点</a></dd>

                    <dd><a rel="nofollow" href="##">零售网点</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>关于小米</dt>

                    <dd><a rel="nofollow" href="##">了解小米</a></dd>

                    <dd><a rel="nofollow" href="##">加入小米</a></dd>

                    <dd><a rel="nofollow" href="##">联系我们</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>关注我们</dt>

                    <dd><a rel="nofollow" href="##">新浪微博</a></dd>

                    <dd><a rel="nofollow" href="##">小米部落</a></dd>

                    <dd><a rel="nofollow" href="##">官方微信</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>特色服务</dt>

                    <dd><a rel="nofollow" href="##">F 码通道</a></dd>

                    <dd><a rel="nofollow" href="##">礼物码</a></dd>

                    <dd><a rel="nofollow" href="##">防伪查询</a></dd>

                </dl>

                <div class="col-contact">
                    <p class="phone">400-100-5678</p>
                    <p>
                        周一至周日 8:00-18:00<br>（仅收市话费）
                    </p>
                    <a rel="nofollow" class="btn btn-line-primary btn-small" href="##"><i class="iconfont">&#xe600;</i> 24小时在线客服</a> </div>
            </div>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <span class="logo ir">小米官网</span>
            <div class="info-text">
                <p>小米旗下网站：<a href="##">小米商城</a><span class="sep">|</span><a href="##">MIUI</a><span class="sep">|</span><a href="##">米家</a><span class="sep">|</span><a href="##">米聊</a><span class="sep">|</span><a href="##">多看</a><span class="sep">|</span><a href="##">路由器</a><span class="sep">|</span><a href="##">米粉卡</a><span class="sep">|</span><a href="##">小米天猫店</a><span class="sep">|</span><a href="##">隐私政策</a><span class="sep">|</span><a href="##">问题反馈</a><span class="sep">|</span><a href="##">Select Region</a> </p>
                <p>&copy;<a href="##" title="mi.com">mi.com</a> 京ICP证110507号 <a href="##" rel="nofollow">京ICP备10046444号</a> <a rel="nofollow" href="##">京公网安备11010802020134号 </a><a rel="nofollow" href="##" rel="nofollow">京网文[2014]0059-0009号</a>

                    <br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
            </div>
            <div class="info-links">
                <a href="##"><img src="picture/truste.png" alt="" /></a>
                <a href="##"><img src="picture/v-logo-2.png" alt="" /></a>
                <a href="##"><img src="picture/v-logo-1.png" alt="" /></a>
                <a href="##"><img src="picture/v-logo-3.png" alt="" /></a>
                <a href="##"><img src="picture/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="" /></a>

            </div>
        </div>
    </div>




    <script src="js/base.min.js"></script>


    <script type="text/javascript" src="js/payConfirm.min.js"></script>


</body>

</html>